<html lang="zh-CN" slick-uniqueid="3">
{% load static %}
<head>
    <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width " />
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <link rel="stylesheet" href="{% static 'css/login.css' %}">
    <!-- jQuery -->
    <script src="{% static 'js/jquery-3.5.1.min.js' %}"></script>
    <!--Layui-->
    <script src="{% static 'plugins/layui/layui.js' %}"></script>

</head>
<body>
<div class="login-bg">
<div  class="login-contents">
    <div  class="login-backgroud">
        <div  class="login-head-backgroud">
            <div class="login-logo"></div>
            <div class="login-title">管理平台</div>
        </div>
        <div class="login-form">
            <div><div>
                <div>
                    <span class="login-form-tips">账户密码认证</span>
                </div>
                <div class="login-form-tips-shuxian"></div>
                <div>
                    <span class="login-form-tips">登录</span>
                </div>
            </div>
                <form action="" method="post" role="form" id="form_login" class="login_padding">
                    <table>
                        <tbody>
                        <tr>
                            <td class="td"><input type="text" name="username" class="login-user" placeholder="用户名"></td>
                        </tr>
                        <tr></tr> <!--扩大间距-->
                        <tr>
                        <td class="td"><input type="password" name="password" class="login-passwd" placeholder="密码"></td>
                        </tr>
                        <tr></tr> <!--扩大间距-->
                        <tr>
                        <td class="td"><input type="submit" value="登录" class="login-bottom"></td>
                        </tr>
                        </tbody>
                    </table>
                    {% csrf_token %}
                </form>
                {% if msg %}
                    <script type="text/javascript">
                        layui.use('layer',function () {
                            var layer=layui.layer;
                            info = '{{ msg|safe }}'
                            layer.alert(info,{
                                icon: 0,
                                skin: 'layer-ext-moon',
                            })
                        })
                    </script>
                {% endif %}
                <table>
                    <tbody>
                    <tr>
                        <td>
                            <div>
                                <span class="forgot-passwd"><a style="color: #777;text-decoration:none;" href="{% url 'login:recover_password' %}">忘记密码？</a></span>
                            </div>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="bottom-copyright">Copyright © 2020-2099 粤能管理. All rights reserved.</div>
        <div class="beian"><a href="https://beian.miit.gov.cn/" style="text-decoration: none;color: grey">粤ICP备20054981号-1 </a></div>
        </div>
    </div>
</div>
</div>
</body>
</html>